/*
<div class="x-dialog">
	<div class="x-dialog__main">
		<div class="x-dialog__body">
			<p></p>
		</div>
		<div class="x-dialog__footer">
			<a href="javascript:;">确认</a>
			<a href="javascript:;">取消</a>
		</div>
	</div>
</div>
 * */
/*! x-dialog回话框 */
.x-dialog{
	p:fixed 0;
	lost-align:center flex;
	bgc:rgba(#000,.5);
	&.x-dialog--msg{
		pd:20px;
		align-items: flex-end;
		
	}
	&__main{
		radius:10px;
		w:240px;
		bgc:#fff;
		.x-dialog--msg &{
			co:#fff;
			bgc:rgba(0,0,0,.8);
			pd:5px 15px;
			radius:15px;
			xw:80%;
			w:auto;
		}
	}
	&__body{
		ta:center;
		& > div{
			pd:20px;
		}
	}
	&__footer{
		bt:1px solid #d2d2d2;
		lh:38px;
		d:flex;
		a{
			flex: 1;
			ta:center;
			lh:38px;
			co:#0081cc;
			& ~ a{
				bl:1px solid #d2d2d2;
				co:#666;
			}
		}
	}
}
